<template>
  <div class="OSSCrad">
    <FileDesign></FileDesign>

    
    <p>
      <a-card class="CardImgX" hoverable style="width: 210px">
        <template #cover>
          <img alt="example" class="imgX" src="../../assets/d.png.png" />
        </template>
        <getCurrentTime></getCurrentTime>
        <a-card-meta title="d.png.png"> </a-card-meta>
      </a-card>
    </p>
     <p>
      <a-card class="CardImgX" hoverable style="width: 210px">
        <template #cover>
          <img alt="example" class="imgX" src="../../assets/e.png.png" />
        </template>
        <getCurrentTime></getCurrentTime>
        <a-card-meta title="e.png.png"> </a-card-meta>
      </a-card>
    </p>
     <p>
      <a-card class="CardImgX" hoverable style="width: 210px">
        <template #cover>
          <img alt="example" class="imgX" src="../../assets/f.png.png" />
        </template>
        <getCurrentTime></getCurrentTime>
        <a-card-meta title="f.png.png"> </a-card-meta>
      </a-card>
    </p>
    <p>
      <a-card class="CardImgX" hoverable style="width: 210px">
        <template #cover>
          <img alt="example" class="imgX" src="../../assets/g.png.png" />
        </template>
        <getCurrentTime></getCurrentTime>
        <a-card-meta title="g.png.png"> </a-card-meta>
      </a-card>
    </p>
    <p>
      <a-card class="CardImgX" hoverable style="width: 210px">
        <template #cover>
          <img alt="example" class="imgX" src="../../assets/h.png.png" />
        </template>
        <getCurrentTime></getCurrentTime>
        <a-card-meta title="h.png.png"> </a-card-meta>
      </a-card>
    </p>
    
     <p>
      <a-card class="CardImgX" hoverable style="width: 210px">
        <template #cover>
          <img alt="example" class="imgX" src="../../assets/j.png.png" />
        </template>
        <getCurrentTime></getCurrentTime>
        <a-card-meta title="j.png.png"> </a-card-meta>
      </a-card>
    </p>
     <p>
      <a-card class="CardImgX" hoverable style="width: 210px">
        <template #cover>
          <img alt="example" class="imgX" src="../../assets/a.png.png" />
        </template>
        <getCurrentTime></getCurrentTime>
        <a-card-meta title="a.png.png"> </a-card-meta>
      </a-card>
    </p>
    <p>
      <a-card class="CardImgX" hoverable style="width: 210px">
        <template #cover>
          <img alt="example" class="imgX" src="../../assets/a.png.png" />
        </template>
        <getCurrentTime></getCurrentTime>
        <a-card-meta title="a.png.png"> </a-card-meta>
      </a-card>
    </p>
    <p>
      <a-card class="CardImgX" hoverable style="width: 210px">
        <template #cover>
          <img alt="example" class="imgX" src="../../assets/a.png.png" />
        </template>
        <getCurrentTime></getCurrentTime>
        <a-card-meta title="a.png.png"> </a-card-meta>
      </a-card>
    </p>

    <a-pagination class="Page" v-model:current="current" :total="1" show-less-items />  
  </div>
</template>

<script>
import getCurrentTime from '../../components/getCurrentTime/index.vue';
import FileDesign from '../../ComProps/FileDesign/index.vue';
export default {
    data() {
        return {
            
        }
    },
    created() {
        
    },
    methods: {
        
    },
    components:{
        getCurrentTime,
        FileDesign
    }
};
</script>

<style>
.Page{
  position: absolute;
  bottom: 0;
}
.OSSCrad{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    height: 100%;
}
.OSSCrad>p{
  margin-left: 30px;
}
.imgX{
    width: 200px;
    height: 200px;
}
</style>